@use '../mixins/mixins' as mixins;

.lf-tabbarchart {
  & {
    @include mixins.lf-root($max: false);
    position: relative;
  }

  &__grid {
    & {
      @include mixins.lf-el-stretch;
      display: grid;
      grid-template-rows: auto auto 1fr;
    }

    &--no-directory {
      grid-template-rows: auto 1fr;
    }
  }

  &__directory {
    &--hidden {
      display: none;
    }
  }

  &__tabbar {
    overflow: auto;
  }
}
